<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-15">
<title>Ahorro</title>
<link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz' rel='stylesheet' type='text/css'>
<link type="text/css" href="css/style.css" rel="stylesheet" />
<link type="text/css" href="css/jquery-ui-1.8.21.custom.css"
	rel="stylesheet" />

<!-- end -->
<!--  Core jQuery  -->

<script type="text/javascript" src="scripts/jquery-1.7.2.min.js"></script>
<!--  Donut -->

<script type="text/javascript" src="scripts/jquery.donutchart.js"></script>
<!--[if lte IE 8]>
    <script type="text/javascript" src="scripts/excanvas.compiled.js"></script>
<![endif]-->
<!--  jQuery UI-->
<script type="text/javascript" src="scripts/ui/jquery-ui-1.8.21.custom.js"></script>
<script type="javascript" src="scripts/ui/jquery.ui.core.js"></script>
<script type="javascript" src="scripts/ui/jquery.ui.widget.js"></script>
<script type="javascript" src="scripts/ui/jquery.ui.button.js"></script>
<script type="javascript" src="scripts/ui/jquery.ui.sortable.js"></script>
<script type="javascript" src="scripts/ui/jquery.ui.progressbar.js"></script>

</head>

<body>

	<h1>Detalle de Metas</h1>
		<!-- grupo -->
		<h2 style="border-bottom:1px solid #ddd;">Fotografia</h2>
		<div style="margin-left:2em">
			
		<p>Aqui definiriamos un template xslt, para definir la fotografia del detalle de meta. Este debe tener un parametro "fichero" que es El parametro debe ser </p>	
		<h3>propiedades Comunes</h3>
		
		<table>
		<tr><td>pendiente</td></tr>
		</table><br/><br/>	
		
		<!-- elemento-->
		<h4>fotografia</h4>
		<p>Para el detalle de metas. La fotografia tiene que llevar un efecto de flecha</p>
		<h3>propiedades</h3>
		<table>
		<tr><td>Comunes</td></tr>
		</table><br/><br/>	
		
		<div style="position:relative;top:0;left;0">
			<div style="position:absolute;top:0;left;0;width:260px;height:302px;margin:0;padding:0">
				<img src="images/fotografia.jpg"/><!--  parametro xsl -->
			</div>
			<div style="position:absolute;top:0;left;0;width:260px;height:302px;margin:0;padding:0">
				<img src="images/plantillaFotografia.png"/>
			</div>
		</div>



		
</body>
</html>